<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<% String context = request.getContextPath(); %>
<html>
<head>
  <title>流程参数</title>
  <link rel="stylesheet" href="<%=context %>/Source/lib/layui/css/layui.css">
</head>

<body style="padding: 0;overflow:hidden;">
<form id="searchForm" onsubmit="return false">
  <div id="layout1" style="margin: -1px">
    <div position="center">
      <div id="toolbar" style="margin: 10px 0 0 10px">
        <button class="layui-btn layui-btn-sm layui-btn-normal" onclick="f_add()">
          <i class="layui-icon">&#xe654;</i> 增加
        </button>
      </div>
      <div id="mainGrid"></div>
    </div>
  </div>
</form>
</body>
<script src="<%=context %>/gooflow/jquery.min.js"></script>
<script src="<%=context %>/microcore/commonjs/utility.js"></script>
<script src="<%=context %>/Source/lib/layui/layui.js"></script>
<script type="text/javascript">
    var path = "<%=context %>";
    var _path = path+"/flow/processParameter";

    // 表格
    var table;
    var layer;
    layui.use(['table','layer'], function(){

        table = layui.table;
        layer = layui.layer;

        table.render({
            elem: '#mainGrid'
            , url: _path + "/list/json?rnd=" + Math.random() //数据接口
            // , page: true //开启分页
            , cols: [[ //表头
                {field: 'id', title: 'id', align: 'center', sort: true}
                ,{field: 'proNameStr', title: '流程名称', align: 'center', sort: true}
                ,{field: 'parameterName', title: '参数名称', align: 'center', sort: true}
                , {title: '参数类型', align: 'center', sort: true,templet:function(item){
                        if (item.typeName == "1") return '整数型';
                        else if(item.typeName == "2") return '小数型';
                        return '字符串';
                    }
                }
                , {field: 'value', title: '缺省值', align: 'center', sort: true}
                , {title: '参与展示', align: 'center', sort: true,templet:function(item){
                        if (item.isShow == '0') return '是';
                        return '否';
                    }
                }
                , {title: '参与判断', align: 'center', sort: true,templet:function(item){
                        if (item.isJudge == '0') return '是';
                        return '否';
                    }
                }
                ,{title: '操作', align: 'center', templet: function (item) {
                        var result = "<a class=\"layui-btn layui-btn-xs\" href=\"javascript:void(0)\" onclick=\"f_edit('" + item.id + "')\">编辑</a>";
                        result += "<a class=\"layui-btn layui-btn-xs layui-btn-danger\" href=\"javascript:void(0)\" onclick=\"f_delete('" + item.id + "')\">删除</a>";

                        return result;
                    }
                }
            ]]
            ,response: {
                statusCode: 200 //成功的状态码，默认：0
            }
        });
    });

    //添加
    function f_add() {
        layer.open({
            type: 2,
            title: '创建流程参数',
            shadeClose: true,
            shade: 0.8,
            area: ['500px', '500px'],
            content:_path + '/edit', //iframe的url
            btn: ['确定', '取消'],
            yes: function(index, layero){
                var iframeWin = window[layero.find('iframe')[0]['name']];//得到iframe页的窗口对象，执行iframe页的方法：
                var nodeJson = iframeWin.getData();//调用子页面的方法，得到子页面返回的ids
                nodeJson = JSON.parse(nodeJson);

                // $.ajax({
                //     url:path+'/flow/processParameter/save',
                //     type:'post',
                //     dataType:'json',
                //     data: nodeJson,
                //     success:function(result){
                //         console.log(result.isError);
                //         if(result.isError){
                //             alert(result.msg);
                //         }else{
                //             alert(result.msg);
                //             f_load();
                //         }
                //     },
                //     error: function () {
                //         console.log("error");
                //     }
                // });

                app.ajax({
                    url: path+'/flow/processParameter/save',
                    data: nodeJson,
                    success: function (result) {
                        if(result.isError){
                            layer.msg(result.message);
                        }else{
                            layer.msg(result.message);
                            layer.close(index)
                            f_load();
                        }
                    }
                })
            }
        });
    }

    //编辑
    function f_edit(rowId) {
        layer.open({
            type: 2,
            title: '修改流程参数',
            shadeClose: true,
            shade: 0.8,
            area: ['500px', '500px'],
            content:_path + '/edit?id=' + rowId, //iframe的url
            btn: ['确定', '取消'],
            yes: function(index, layero){
                var iframeWin = window[layero.find('iframe')[0]['name']];//得到iframe页的窗口对象，执行iframe页的方法：
                var nodeJson = iframeWin.getData();//调用子页面的方法，得到子页面返回的ids
                nodeJson = JSON.parse(nodeJson);
                app.ajax({
                    url: path+'/flow/processParameter/save',
                    data: nodeJson,
                    success: function (result) {
                        if(result.isError){
                            layer.msg(result.message);
                        }else{
                            layer.msg(result.message);
                            layer.close(index);
                            f_load();
                        }
                    }
                })
            }
        });



         //  $.ligerDialog.open({url:_path + '/edit?id=' + rowId,title:"修改流程参数",width:"300",height:500,
         //  	buttons: [{ text: '确定', onclick: function (item, dialog) {
		// 		var nodeJson = dialog.frame.getData();
		// 		nodeJson = JSON.parse(nodeJson);
		//
		// 		$.ajax({
		// 			url:path+'/flow/processParameter/save',
		// 			type:'post',
		// 			dataType:'json',
		// 			data: nodeJson,
		// 			success:function(result){
		// 				console.log(result.isError);
		// 				if(result.isError){
		// 					alert(result.msg);
		// 				}else{
		// 					f_load();
		// 					alert(result.msg);
		// 				}
		// 			},
		// 			error: function () {
		// 				console.log("error");
		// 			}
		// 		});
		// 		}
		// 	},
	     //    { text: '关闭', onclick: function (item, dialog) {
	     //    	dialog.close();
	     //    	}
	     //    }]
		// });
      // }
    }

    //删除
    function f_delete(id) {
        var ids = [];
        ids.push(id);

        layer.confirm('流程删除不能恢复，确定删除？', {
            btn: ['确定','取消'] //按钮
        }, function(index, layero){
            app.ajax({
                url: _path + "/delete",
                data: {ids: ids.toString(), rnd: Math.random()},
                success: function (result) {
                    layer.msg(result.message);
                    f_load();
                }
            })
        });
    }

    function f_load() {
        layui.table.reload('mainGrid', {
            url: _path + "/list/json?rnd=" + Math.random()
        });
    }
  </script>
</html>